{namespace templates.lfpug.ui.component.TaskComponent}


/**
 * @param Id
 * @param CssClass
 * @param Name
 * @param Description
 * @param Remaining
 * @param Estimated
 */
{template .Structure}
    <li id="{$Id}" class="{$CssClass}">
      <div class="task">
        <h2>Task: <span class="name">{$Name}</span></h2>
        <p class="description">{$Description}</p>
        <p class="time">
        {call .HoursRemaining}
          {param Remaining : $Remaining/}
        {/call}
        {call .HoursEstimated}
          {param Estimated : $Estimated/}
        {/call}
    </li>
{/template}

/**
 * @param Remaining
 */
{template .HoursRemaining}
  <p class="{css hoursRemaining}">Remaining: <span class="value">{$Remaining}</span></p>
{/template}


/**
 * @param Estimated
 */
{template .HoursEstimated}
  <p class="{css hoursEstimated}">Estimated: <span class="value">{$Estimated}</span></p>
{/template}